<template>
  <uni-forms label-width="50">
    <uni-forms-item label="姓名" name="name">
      <uni-easyinput type="text" placeholder="请输入姓名" />
    </uni-forms-item>
    <uni-forms-item label="年龄" name="age">
      <uni-easyinput type="text" placeholder="请输入年龄" />
    </uni-forms-item>
  </uni-forms>
</template>

<script lang="ts" setup></script>

<script>
// 选项式
export default {
  options: {
    // 解除组件之间的样式隔离
    styleIsolation: 'shared'
  }
};
</script>

<style lang="scss">
.uni-forms {
  padding: 40rpx;
}

//  ::v-deep 深度穿透选择器
::v-deep .uni-easyinput__content-input {
  border: 1px solid red;
}
</style>
